<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Sistema Integral de Clientes ASMON y CIA</title>
    <link href="css/style.css" rel="stylesheet" type="text/css" />
</head>
<body>

    <div id="header">
   
    	<div id="header2">
  <div id="container">
  <div id="topnav" class="topnav"> Accesar: <a href="login" class="signin"><span>Sign in</span></a> </div>
  <fieldset id="signin_menu">
    <form method="post" id="signin" action="https://twitter.com/sessions">
      <label for="username">Username or email</label>
      <input id="username" name="username" value="" title="username" tabindex="4" type="text">
      </p>
      <p>
        <label for="password">Password</label>
        <input id="password" name="password" value="" title="password" tabindex="5" type="password">
      </p>
      <p class="remember">
        <input id="signin_submit" value="Sign in" tabindex="6" type="submit">
        <input id="remember" name="remember_me" value="1" tabindex="7" type="checkbox">
        <label for="remember">Recordar</label>
      </p>
      <p class="forgot"> <a href="#" id="resend_password_link">Se olvid&oacute; el password</a> </p>
     
    </form>
  </fieldset>
</div>
<script src="javascripts/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
        $(document).ready(function() {

            $(".signin").click(function(e) {          
				e.preventDefault();
                $("fieldset#signin_menu").toggle();
				$(".signin").toggleClass("menu-open");
            });
			
			$("fieldset#signin_menu").mouseup(function() {
				return false
			});
			$(document).mouseup(function(e) {
				if($(e.target).parent("a.signin").length==0) {
					$(".signin").removeClass("menu-open");
					$("fieldset#signin_menu").hide();
				}
			});			
			
        });
</script>
<script src="javascripts/jquery.tipsy.js" type="text/javascript"></script>
<script type='text/javascript'>
    $(function() {
	  $('#forgot_username_link').tipsy({gravity: 'w'});   
    });
  </script>
            <div id="logo">
                <h1><a href="#">ASMON y CIA</a></h1>
                <p id="subtitle">Sistema de Administracion de Clientes ASMON</p> 
            </div> 
               
        
           
            <div id="menu">
                <ul>
                    <li><a href="#">Home</a></li>
                    <li><a href="#">Clientes</a></li>
                    <li></li>
                    
                    
                </ul>
               
            </div>
    	</div>
    </div><!-- header --><!-- header2 -->

    <div id="main"><div id="main2">	
            <div id="sidebar">
                <h2>Clientes</h2>
                <ul>
                    <li><a href="#">Alta Cliente</a></li>
                    <li><a href="#">Modificaci&oacute;n</a></li>
                    <li><a href="#">B&uacute;squeda</a></li>
                    <li><a href="#">Autorizaciones</a></li>
                </ul>
                <div class="box">
                    <p>Administraci&oacute;n de clientes donde se podrá dar de alta nuevos clientes y poder buscar a uno ya registrado</p>
                </div>
                
            </div><!-- sidebar -->    	              
            <div id="content">			
                <div class="post">
                    <h2><a href="#">Bienvenido al sistema de ASMON y Cia</a></h2>
                   
                    <div class="entry">
                        <p>Avisos</p>
                    </div>
                </div>
                
                <div class="post">
                    <h2><a href="#">Sistemas</a></h2>
                    <p class="postmeta">Posteado  Nov 1, 2011 </p>
                    <div class="entry">
                        <p>Sistema beta de administraci&oacute;n de clientes</p>
                    </div>
                </div>								              
            </div><!-- content -->                    
            <div class="clearing">&nbsp;</div>   
    </div></div><!-- main --><!-- main2 -->
    <div id="footer"><div id="footer2">
            <p>Derechos reservados por <a href="http://www.asmon.com.mx/">ASMON y CIA SC</a></p>
    </div></div>
<div style="text-align: center; font-size: 0.75em;">Dise&ntilde;o realizado por <a href="http://www.sophossytems.com/">Sophos Systems</a>.</div>


</body>
</html>